@import "variables";
seed-crowd-details{
  .seed-crowd-details-page {
    .seed-crowd-details {
      width: 100%;
      .crowd-auth-header {
        width: 100%;
        padding: 0 pxTorem(20);
      }
      time {
        font-size: standard($f, f6);
        color: color($h5, c4);
        margin-top: pxTorem(16);
      }
    }

    .crowd-target-money {
      position: relative;
      background: #f4f8f4;
      border-radius: pxTorem(10);
      padding: 0 pxTorem(20) pxTorem(45);
      .status-picture {
        position: absolute;
        top: pxTorem(20);
        right: pxTorem(-18);
        width: pxTorem(142);
        height: pxTorem(57);
      }
      .target-money-info {
        display: flex;
        padding-top: pxTorem(80);
        div {
          flex-grow: 1;
          border-right: 1px solid color($h5, c9);
          display: flex;
          flex-direction: column;
          margin-bottom: pxTorem(40);
          p {
            font-size: pxTorem(26);
            color: color($h5, c4);
            margin-bottom: pxTorem(20);
          }
          span {
            font-size: pxTorem(32);
            color: color($h5, c1);
          }
        }
        div:nth-child(2) {
          text-align: center;
        }
        div:last-child {
          text-align: right;
          border-right: none;
        }
      }
      .crowd-progress-bar {
        width: 100%;
        height: pxTorem(8);
        background: rgba(#ff8e00, 0.1);
        border-radius: pxTorem(4);
        //overflow: hidden;
        position: relative;
        .crowd-progress {
          width: 50%;
          height: 100%;
          background: color($h5, c15);
          border-radius: pxTorem(4);
        }
      }
    }
    .crowd-message {
      width: 100%;
    }
    }
  .seed-crowd-button {
    button {
      height: pxTorem(100);
    }
  }

  missing-default-content {
    .spellMissingPage1 {
      padding-top: pxTorem(100);
      padding-bottom: pxTorem(200);
    }
  }
 .crowd-button-status{
   z-index: 7;
   position: fixed;
   bottom:0;
   left:0;
   width:100%;
   height:pxTorem(130);
   display: flex;
   align-items: center;
   justify-content: center;
   background:color($h5,c10);
   button{
     width:95%;
     height:pxTorem(90);
     background:color($h5,c1);
     color:color($h5,c10);
     font-size: pxTorem(30);
     //font-weight: bold;
     border-radius:pxTorem(5);
   }
   .seed-crowd-support{

     width:95%;
     height:pxTorem(90);
     background:color($h5,c1);
     color:color($h5,c10);
     font-size: pxTorem(30);
     font-weight: bold;
     border-radius:pxTorem(5);
   }
   .on-crowd-support{
     width:95%;
     height:pxTorem(90);
     background:color($h5,c4);
     color:color($h5,c10);
     font-size: pxTorem(30);
     font-weight: bold;
     border-radius:pxTorem(5);
   }
 }
  //状态button
  .seed-crowd-button-status{
    z-index: 1;
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    height: auto;
    /*height:pxTorem(130);*/
    display: flex;
    align-items: center;
    justify-content: center;
    background:color($h5,c10);
    .crowd-entitle-table1{
      width:100%;
      height:pxTorem(100);
      background:color($h5,c1);
      color:color($h5,c10);
      font-size: pxTorem(30);
      font-weight: bold;
    }
    .crowd-entitle-table3{
      width:50%;
      height:pxTorem(100);
      background:color($h5,c1);
      color:color($h5,c10);
      font-size: pxTorem(30);
      font-weight: bold;
    }
    .crowd-entitle-table-list{
        width:70%;
        height:pxTorem(100);
        background:color($h5,c1);
        color:color($h5,c10);
        font-size: pxTorem(30);
        font-weight: bold;
      }
    .crowd-entitle-table-out{
      width:40%;
      height:pxTorem(100);
      background:color($h5,c1);
      color:color($h5,c10);
      font-size: pxTorem(30);
      font-weight: bold;
    }
    .crowd-out {
      width: 40%;
      flex-direction: column;
      background: color($h5, c10);
      color: color($h5, c10);
      font-size: pxTorem(30);
      font-weight: bold;
      .crowd-out-icon {
        @include icon(40px, 40px, '#{$icons-path}/crowd_cold_out.png');
      }

      .crowd-out-desc {
        height: pxTorem(24);
        padding-bottom: pxTorem(10);
        color: (#999999);
      }
    }
    .crowd-out3 {
      width: 30%;
      flex-direction: column;
      background: color($h5, c10);
      color: color($h5, c10);
      font-size: pxTorem(30);
      font-weight: bold;
      .crowd-out-icon {
        @include icon(40px, 40px, '#{$icons-path}/crowd_cold_out.png');
      }

      .crowd-out-desc {
        height: pxTorem(24);
        padding-bottom: pxTorem(10);
        color: (#999999);
      }
    }
    .crowd-out-sold {
      width: 25%;
      flex-direction: column;
      background: color($h5, c10);
      color: color($h5, c10);
      font-size: pxTorem(30);
      font-weight: bold;
      .crowd-out-icon {
        @include icon(40px, 40px, '#{$icons-path}/crowd_cold_out.png');
      }

      .crowd-out-desc {
        height: pxTorem(24);
        padding-bottom: pxTorem(10);
        color: (#999999);
      }
    }
    .crowd-out-out {
        width: 25%;
        flex-direction: column;
        background: color($h5, c10);
        color: color($h5, c10);
        font-size: pxTorem(30);
        font-weight: bold;
        .crowd-end-icon {
          @include icon(40px, 40px, '#{$icons-path}/crowd_early_termination.png');
        }

        .crowd-end {
          height: pxTorem(24);
          padding-bottom: pxTorem(10);
          color: (#999999);
        }
      }
    .manage-activity-status{
      width:25%;
      flex-direction: column;
      background:color($h5,c10);
      color:color($h5,c10);
      font-size: pxTorem(24);
      //font-weight: bold;
      .manage-status{
        @include  icon(40px,40px,'#{$icons-path}/crowd_activitys.png');
      }
      .manage-activity{
        height:pxTorem(24);
        padding-bottom: pxTorem(10) ;
        color: (#999999);
      }
    }
    .again-push{
      width:25%;
      flex-direction: column;
      background:color($h5,c10);
      color:color($h5,c10);
      font-size: pxTorem(24);
      //font-weight: bold;
      .again-push-again{
        @include  icon(40px,40px,'#{$icons-path}/crowd_lunch_again.png');
      }
      .again-start{
        height:pxTorem(24);
        padding-bottom: pxTorem(10) ;
        color: color($h5,c4);
        font-weight: normal;
      }
    }
    .again-push-crowd{
      width:30%;
      flex-direction: column;
      background:color($h5,c10);
      color:color($h5,c10);
      font-size: pxTorem(24);
      //font-weight: bold;
      .again-push-again{
        @include  icon(40px,40px,'#{$icons-path}/crowd_lunch_again.png');
      }
      .again-start{
        height:pxTorem(24);
        padding-bottom: pxTorem(10) ;
        color: (#999999);
      }
    }

    .crowd-desc-delet{
      width:20%;
      flex-direction: column;
      background:color($h5,c10);
      color:color($h5,c10);
      font-size: pxTorem(24);
      //font-weight: bold;
      .crowd-desc-del {
        @include  icon(40px,40px,'#{$icons-path}/delete.png');
      }
      .crowd-del{
        height:pxTorem(24);
        padding-bottom: pxTorem(10) ;
        color: (#999999);
      }
      }
    .crowd-desc-onn{
      width:20%;
      flex-direction: column;
      background:color($h5,c10);
      color:color($h5,c10);
      font-size: pxTorem(24);
      //font-weight: bold;
      .crowd-desc-on {
        @include  icon(40px,40px,'#{$icons-path}/crowd_cold_on.png');
      }
      .crowd-del{
        height:pxTorem(24);
        padding-bottom: pxTorem(10) ;
        color: (#999999);
      }
    }
    .crowd-entitle-table6{
      width:30%;
      border-radius:0rem;
    }
    .crowd-entitle-table7{
      width:30%;
      background: color($h5,c15);
      border-radius:0rem;
    }
    .crowd-entitle-table2{
      width:50%;
      border-radius:0rem;
    }
     .crowd-entitle-table5{
      width:70%;
      border-radius:0rem;
    }
    .crowd-entitle-table4{
      width:50%;
      border-radius:0rem;
      text-align: center;
    }
    .manage-acti-status{
      width:40%;
      border-radius:0rem;
      text-align: center;
    }
    .again-push{
      width:30%;
      border-radius:0rem;
      text-align: center;
    }
    .crowd-write{
      width:50%;
      background: color($h5,c15);
      border-radius:0rem;
    }

    button{
      width:100%;
      height:pxTorem(100);
      background:color($h5,c1);
      color:color($h5,c10);
      font-size: pxTorem(30);
      //font-weight: bold;
    }
  }
  seed-content{
    .seed-scroll-content{
      //background: color($h5,c9);
    }
    .load-bg{
      background: color($h5,c9);
    }
  }
  .seed-tab .seed-tab-title:before {
    bottom:pxTorem(3) !important;
  }
  .crowd-shadow-modal{
    position: fixed;
    bottom:pxTorem(130);
    left:0;
    width:100%;
    height:pxTorem(90);
    background:rgba(#000,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: pxTorem(30);
    color:color($h5,c10);
  }
  .crowd-shadow-login{
    bottom:pxTorem(100);
  }
}
